<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>系统设置</title>
		<jsp:include page="css.jsp"/>
		<jsp:include page="js.jsp"/>
		<link rel="stylesheet" href="static/wechat/center/css/setting.css">
	</head>
	<body onload="loadUserSwitchData()">
		<div class="container">
			<div class="background"></div>

			<div class="page-header">系统功能设置</div>

			<div class="user-container mainContent">
				<!-- 通知设置 -->
				<div class="section">
					<div class="section-title">
						<i class="fas fa-bell"></i> 通知设置
					</div>
					<ul class="settings-list">
						<li class="setting-item">
							<div class="setting-info">
								<div class="icon icon-notification">
									<i class="fas fa-envelope"></i>
								</div>
								<div>
									<div class="setting-name">通知消息总开关</div>
									<div class="setting-desc">关闭后将不再接收任何预警提醒</div>
								</div>
							</div>
							<label class="switch">
								<input type="checkbox" id="totalSwitch" onchange="changeTotalSwitch()">
								<span class="slider"></span>
							</label>
						</li>
						<li class="setting-item">
							<div class="setting-info">
								<div class="icon icon-data">
									<i class="fas fa-briefcase"></i>
								</div>
								<div>
									<div class="setting-name">定时关闭通知开关</div>
									<div class="setting-desc">自定义时间段关闭预警提醒</div>
								</div>
							</div>
							<label class="switch">
								<input type="checkbox" id="timeSwitch" onchange="changeTimeSwitch()">
								<span class="slider"></span>
							</label>
						</li>
						<li class="setting-item" id="timeSelectLi" style="display: none;">
							<select class="time-select" id="timeStart" onchange="saveData()">
								<option value="00:00">00:00</option>
								<option value="00:30">00:30</option>
								<option value="01:00">01:00</option>
								<option value="01:30">01:30</option>
								<option value="02:00">02:00</option>
								<option value="02:30">02:30</option>
								<option value="03:00">03:00</option>
								<option value="03:30">03:30</option>
								<option value="04:00">04:00</option>
								<option value="04:30">04:30</option>
								<option value="05:00">05:00</option>
								<option value="05:30">05:30</option>
								<option value="06:00">06:00</option>
								<option value="06:30">06:30</option>
								<option value="07:00">07:00</option>
								<option value="07:30">07:30</option>
								<option value="08:00">08:00</option>
								<option value="08:30">08:30</option>
								<option value="09:00">09:00</option>
								<option value="09:30">09:30</option>
								<option value="10:00">10:00</option>
								<option value="10:30">10:30</option>
								<option value="11:00">11:00</option>
								<option value="11:30">11:30</option>
								<option value="12:00">12:00</option>
								<option value="12:30">12:30</option>
								<option value="13:00">13:00</option>
								<option value="13:30">13:30</option>
								<option value="14:00">14:00</option>
								<option value="14:30">14:30</option>
								<option value="15:00">15:00</option>
								<option value="15:30">15:30</option>
								<option value="16:00">16:00</option>
								<option value="16:30">16:30</option>
								<option value="17:00">17:00</option>
								<option value="17:30">17:30</option>
								<option value="18:00">18:00</option>
								<option value="18:30">18:30</option>
								<option value="19:00">19:00</option>
								<option value="19:30">19:30</option>
								<option value="20:00">20:00</option>
								<option value="20:30">20:30</option>
								<option value="21:00">21:00</option>
								<option value="21:30">21:30</option>
								<option value="22:00" selected>22:00</option>
								<option value="22:30">22:30</option>
								<option value="23:00">23:00</option>
								<option value="23:30">23:30</option>
							</select>
							<span class="time-separator">至</span>
							<select class="time-select" id="timeEnd" onchange="saveData()">
								<option value="00:00">00:00</option>
								<option value="00:30">00:30</option>
								<option value="01:00">01:00</option>
								<option value="01:30">01:30</option>
								<option value="02:00">02:00</option>
								<option value="02:30">02:30</option>
								<option value="03:00">03:00</option>
								<option value="03:30">03:30</option>
								<option value="04:00">04:00</option>
								<option value="04:30">04:30</option>
								<option value="05:00">05:00</option>
								<option value="05:30">05:30</option>
								<option value="06:00">06:00</option>
								<option value="06:30">06:30</option>
								<option value="07:00" selected>07:00</option>
								<option value="07:30">07:30</option>
								<option value="08:00">08:00</option>
								<option value="08:30">08:30</option>
								<option value="09:00">09:00</option>
								<option value="09:30">09:30</option>
								<option value="10:00">10:00</option>
								<option value="10:30">10:30</option>
								<option value="11:00">11:00</option>
								<option value="11:30">11:30</option>
								<option value="12:00">12:00</option>
								<option value="12:30">12:30</option>
								<option value="13:00">13:00</option>
								<option value="13:30">13:30</option>
								<option value="14:00">14:00</option>
								<option value="14:30">14:30</option>
								<option value="15:00">15:00</option>
								<option value="15:30">15:30</option>
								<option value="16:00">16:00</option>
								<option value="16:30">16:30</option>
								<option value="17:00">17:00</option>
								<option value="17:30">17:30</option>
								<option value="18:00">18:00</option>
								<option value="18:30">18:30</option>
								<option value="19:00">19:00</option>
								<option value="19:30">19:30</option>
								<option value="20:00">20:00</option>
								<option value="20:30">20:30</option>
								<option value="21:00">21:00</option>
								<option value="21:30">21:30</option>
								<option value="22:00">22:00</option>
								<option value="22:30">22:30</option>
								<option value="23:00">23:00</option>
								<option value="23:30">23:30</option>
							</select>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<a href="javascript:void(0)" onclick="goBack()" class="back-btn">↶</a>
	</body>
</html>
<script src="static/wechat/center/js/setting.js"></script>
<script src="static/wechat/center/js/message.js"></script>